
<%-- 
    Document   : oEstrategico
    Created on : 10/04/2010, 03:05:56 PM
    Author     : LAPTOP01
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://struts.apache.org/tags-bean"  prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="/tags/c" prefix="c"%>
<%@ include file="seguridad.jsp" %>


<script src="scripts/ajax.js" language="JavaScript"></script>
<script src="js/calendar.js" language="javascript"></script>
<script src="js/calendar-es.js" language="javascript"></script>
<script src="js/calendar-setup.js" language="javascript"></script>


<html>
    <script LANGUAGE="JavaScript">

        function Meta(codTA,descTA,umTA,t1TA){
            var form = document.getElementById("PEIForm");
            var idObj = document.getElementById("codObj").value;
            var codObj = document.PEIForm.codObj.options[idObj].text;
            var idObjE = document.getElementById("codObjEsp").value
            var codObjEsp = document.PEIForm.codObj.options[idObjE].text;
            form.action="PEI.do?dispatch=listarMetaTarea&codTA="+codTA+"&descTA="+descTA
                +"&umTA="+umTA+"&t1TA="+t1TA+"&codObj="+codObj+"&codObjEsp="+codObjEsp;
            form.method="post";
            form.submit();
        }


        function PPTO(codTA,descTA,t1TA){
            var form = document.getElementById("PEIForm");
            var idObj = document.getElementById("codObj").value;
            var codObj = document.PEIForm.codObj.options[idObj].text;
            var idObjE = document.getElementById("codObjEsp").value
            var codObjEsp = document.PEIForm.codObj.options[idObjE].text;
            var idAP = document.getElementById("codActPer").value
            var codAP = document.PEIForm.codObj.options[idAP].text;

            form.action="PEI.do?dispatch=listarPPTO&codTA="+codTA+"&descTA="+descTA
                +"&t1TA="+t1TA+"&codObj="+codObj+"&codObjEsp="+codObjEsp+"&codAP="+codAP;
            form.method="post";
            form.submit();
        }


        function editarT(codAP,descTA,finTA,ffinTA,respTA,umTA,t1TA,t2TA,codTA){
            document.getElementById("opcionTActividad").value=2;
            document.getElementById("codActPermn").value=codAP;
            document.getElementById("descTActividad").value=descTA;
            document.getElementById("intareaTActividad").value=finTA;
            document.getElementById("fintareaTActividad").value=ffinTA;
            document.getElementById("respTActividad").value=respTA;
            document.getElementById("umTActividad").value=umTA;
            document.getElementById("tarea1TActividad").value=t1TA;
            document.getElementById("tarea2TActividad").value=t2TA;
            document.getElementById("codTActividad").value=codTA;
        }

        function eliminar(codTA,codAP){
            var tipo=3;
            var idDiv = "divTabla";
            var metodo = "GET";
            var descTA="";
            var finTA="";
            var umTA="";
            var ffinTA="";
            var respTA="";
            var t1TA=0;
            var t2TA=0;
            var url = "consultasAjax/listarTActividadAjax.jsp?descTA="+descTA+"&finTA="+finTA+
                "&ffinTA="+ffinTA+"&respTA="+respTA+"&umTA="+umTA+"&t1TA="+t1TA+"&t2TA="+t2TA+
                "&codAP="+codAP+"&codTA="+codTA+"&tipo="+tipo;
            var cadenaSalida = "";
            var async = true;
            document.getElementById(idDiv).innerHTML;
            autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
        }

        function insertar(){
            var tipo=document.getElementById("opcionTActividad").value;
            var codAP = document.getElementById("codActPer").value;
            var codTA = document.getElementById("codTActividad").value;
            var descTA = document.getElementById("descTActividad").value;
            var finTA = document.getElementById("intareaTActividad").value;
            //var fin2TA = document.getElementById("intareaTActividad").value;
            //SimpleDateFormat fechita=new SimpleDateFormat("dd/MM/yyyy");
            //var finTA=fechita.format(fin2TA);
            var ffinTA = document.getElementById("fintareaTActividad").value;
            var respTA = document.getElementById("respTActividad").value;
            var umTA = document.getElementById("umTActividad").value;
            var t1TA = document.getElementById("tarea1TActividad").value;
            var t2TA = document.getElementById("tarea2TActividad").value;
            var idDiv = "divTabla";
            var metodo = "GET";
            var url = "consultasAjax/listarTActividadAjax.jsp?descTA="+descTA+"&finTA="+finTA+
                "&ffinTA="+ffinTA+"&respTA="+respTA+"&umTA="+umTA+"&t1TA="+t1TA+"&t2TA="+t2TA+
                "&codAP="+codAP+"&codTA="+codTA+"&tipo="+tipo;
            var cadenaSalida = "";
            var async = true;
            document.getElementById(idDiv).innerHTML;
            autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
            document.getElementById("opcionTActividad").value=1;
        }


        function filtradoAPermanente(){
            var tipo=document.getElementById("opcionTActividad").value;
            var codAP = document.getElementById("codActPer").value;
            var codTA = document.getElementById("codTActividad").value;
            var descTA="";
            var finTA="";
            var ffinTA="";
            var respTA="";
            var umTA="";
            var t1TA=0;
            var t2TA=0;
            var idDiv = "divTabla";
            var tipo=0;
            var metodo = "GET";
            var url = "consultasAjax/listarTActividadAjax.jsp?descTA="+descTA+"&finTA="+finTA+
                "&ffinTA="+ffinTA+"&respTA="+respTA+"&umTA="+umTA+"&t1TA="+t1TA+"&t2TA="+t2TA+
                "&codAP="+codAP+"&codTA="+codTA+"&tipo="+tipo;
            var cadenaSalida = "";
            var async = true;
            document.getElementById(idDiv).innerHTML;
            autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
        }


        function comboOEspecifico(){
            var id = document.getElementById("codObj").value;
            var idDiv = "comboOESpecifico";
            var metodo = "GET";
            var url = "consultasAjax/comboOEspecificoAjax.jsp?id="+id;
            var cadenaSalida = "";
            var async = true;
            document.getElementById(idDiv).innerHTML;
            autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);
        }


        function comboAPermanente(){
            var id = document.getElementById("codObjEsp").value;
            var idDiv = "comboAPermanente";
            var metodo = "GET";
            var url = "consultasAjax/comboAPermanenteTAAjax.jsp?id="+id;
            var cadenaSalida = "";
            var async = true;
            document.getElementById(idDiv).innerHTML;
            autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);

        }


        function autoCompletarDiv(metodo,url,cadena,async,idDiv)
        {
            if( window.XMLHttpRequest )
                ajax = new XMLHttpRequest(); 
            else
                ajax = new ActiveXObject("Microsoft.XMLHTTP");
            ELEMENT_DIV = idDiv;
            ajax.onreadystatechange = funcionCallbackVerDiv;
            ajax.open( metodo, url, async);
            ajax.send(cadena);
        }

        function funcionCallbackVerDiv()
        {
            if( ajax.readyState == 4 )
            {
                if( ajax.status == 200 )
                { //alert(ajax.responseText); 
                    document.getElementById(ELEMENT_DIV).innerHTML = ajax.responseText;
                }
            }
        }

        


    </script>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="lib/css/estilos.css" type="text/css">
        <link href="lib/css/styles_pages.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" type="text/css" media="all" href="lib/css/calendar-win2k-cold-1.css" title="win2k-cold-1" />
        <title>JSP Page</title>
    </head>
    <body>
        <center>
            <h1>Tarea Actividad</h1>
        </center>
            
                        <html:form action="PEI.do?dispatch=ingresarMetaFinanciera" styleId="PEIForm">
                            <html:hidden property="opcionTActividad" styleId="opcionTActividad" value="1"/>

                       

                            <fieldset>
                                <legend>Ingresar</legend>
                                <table>
                                    <tr>
                                        <td>Objetivo General Estrat&eacute;gico : </td>
                                        <td>
                                            <html:select property='codObj' styleId='codObj' onchange='comboOEspecifico()'>
                                                <html:option value='-1'>[--Seleccionar Objetivo Estrat&eacute;gico--]</html:option>
                                                <html:optionsCollection name='PEIForm' property='listaOEstrategico' value='NUM_CODOBJ_PK' label='TX_DESCOBJ' />
                                            </html:select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Objetivo Especifico Estrat&eacute;gico: </td>
                                        <td>
                                            <div id="comboOESpecifico">
                                                <html:select styleId="codObjEsp" property="codObjEsp">
                                                    <html:option value="-1">[--Seleccionar Objetivo Especifico Estrat&eacute;gico--]</html:option>
                                                    <html:optionsCollection name='PEIForm' property='listaOEspecifico' value='NUM_CODOBJESP_PK' label='TX_DESCOBJESP' />
                                                </html:select>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Actividad Permanente: </td>
                                        <td>
                                            <div id="comboAPermanente">
                                                <html:select styleId="codActPer" property="codActPer">
                                                    <html:option value="-1">[--Seleccionar Actividad Permanente--]</html:option>
                                                    <html:optionsCollection name='PEIForm' property='listaActPer' value='NUM_CODACTPER_PK' label='TX_DESCACTPER' />
                                                </html:select>
                                            </div>
                                        </td>
                                    </tr>

                                    <tr>
                                        <td>Actividad:</td>
                                        <td><html:text  styleId="descTActividad" property="descTActividad" maxlength="400"/></td>
                                    </tr>
                                    <tr>
                                        <td>Inicio:</td>
                                        <td><html:text  styleId="intareaTActividad" property="intareaTActividad" maxlength="400" readonly="true"/>
                                        <img src= "images/calendar.gif" alt="" name="trigger" id="trigger" title="Abrir Calendario" />
                                        </td>

                                    </tr>


                                    <tr>
                                        <td>Termino:</td>
                                        <td><html:text  styleId="fintareaTActividad" property="fintareaTActividad" maxlength="400" readonly="true"/>
                                        <img src= "images/calendar.gif" alt="" name="trigger2" id="trigger2" title="Abrir Calendario" />
                                        </td>
                                    </tr>

                                    <tr>
                                        <td>Responsable:</td>
                                        <td><html:text  styleId="respTActividad" property="respTActividad" maxlength="400"/></td>
                                    </tr>

                                    <tr>
                                        <td>UM TActividad:</td>
                                        <td><html:text  styleId="umTActividad" property="umTActividad" maxlength="400"/></td>
                                    </tr>

                                    <tr>
                                        <td>Tarea1Actividad:</td>
                                        <td><html:text  styleId="tarea1TActividad" property="tarea1TActividad" maxlength="400"/></td>
                                    </tr>

                                    <tr>
                                        <td>Tarea2Actividad:</td>
                                        <td><html:text  styleId="tarea2TActividad" property="tarea2TActividad" maxlength="400"/></td>
                                    </tr>




                                    <td><p></p></td>
                                    <html:hidden property="codTActividad" styleId="codTActividad"/>
                                    <html:hidden property="codActPermn" styleId="codActPermn"/>


                                    <tr>
                                        <td colspan="2" align="center"><input type="button" value="Grabar" onclick="insertar()"/></td>
                                    </tr>

                                </table>
                            </fieldset>

                            <div id="divTabla">

                            </div>
                            
                            <html:hidden property="codTActividad" styleId="codTActividad"/>
                            <html:hidden property="codActPer" styleId="codActPer"/>
                        </html:form>


        <script>
                                Calendar.setup(
                {
                  inputField  : "fintareaTActividad",         // ID of the input field
                  ifFormat    : "%d/%m/%Y",    // the date format
                  button      : "trigger2"       // ID of the button
                }
                );
                    Calendar.setup(
                {
                  inputField  : "intareaTActividad",         // ID of the input field
                  ifFormat    : "%d/%m/%Y",    // the date format
                  button      : "trigger"       // ID of the button
                }
                );
                            </script>
    </body>
</html>